@charset "utf-8";
.footer0001{
	width:100%;
	height: auto;
	padding-top: 6vh;
	position: relative;
	 background:#1e1e1e;
}
.foot0001{
	width:73vw;
	width:var(--mainwidth);
	height: auto;
	margin:0 auto;
	position: relative;
}

.foot_top0001{ 
	width:100%; 
	height: auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 1vh;
}

.foot_logoR0001{ 
	width:100%; 
	height:3.25rem;
	z-index: 100;
}
.foot_logoR0001>img{ 
	height:100%; width:auto;
}
.foot_con0001{ 
	width:100%; 
	height:auto; 
	overflow:hidden; 
	font-size:0.875rem; 
	line-height:1.875rem; 
	color:var(--FontWhiColor);
	margin-top:2.625rem;
	z-index: 100;
	opacity: 0.6;
}
.foot_con0001 a{
	color:var(--FontWhiColor);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.foot_con0001 a:hover{
	text-decoration: underline;
}


.foot_wei0001{ 
	width:100%; 
	height:3.25rem; 
	margin-top:1.375rem;
	display: flex;
	justify-content: flex-start;
}
.foot_wei0001 a{ 
	 width:3.25rem; 
	height:3.25rem; 
	cursor:pointer; 
	margin-right:0.5rem; 
	background-color:#272727; 
	border-radius:50%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.foot_wei0001 a:hover{ background-color:var(--OneColor);}
.foot_wei0001 a:hover img{transform:rotate(360deg);}
.foot_wei0001 a:hover .foot_wei_ma0001{transform:rotate(0deg); }
.foot_wei0001 a:hover .foot_wei_ma0001 img{transform:rotate(0deg);}

.foot_wei0001 img{
	width:3.25rem; 
	height:3.25rem; 
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.foot_love0001{ width:3.25rem; height:3.25rem; position:relative;}
.foot_love0001:hover .foot_wei_ma0001{ height:5.375rem; opacity:1; top:3.5rem;}
.foot_love0001 img{ width:3.25rem; height:3.25rem; border-radius:50%;}
.foot_wei_ma0001{ width:5.375rem; height:0px; overflow:hidden; position:absolute; top:50px; left:-1rem; opacity:0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.foot_wei_ma0001 img{ width:5.375rem; height:5.375rem; border-radius:0%;}


.foot_right0001{  width:70%;}
.foot_nav0001{ 
	width:100%; 
	border-top:1px solid rgba(255,255,255,0.1); 
	border-bottom:1px solid rgba(255,255,255,0.1); 
	height:3.25rem;
	display: flex;
	justify-content: center;
	z-index: 100;
}
.foot_nav0001 a{ 
	color:var(--FontWhiColor); 
	cursor:pointer; 
	font-size: 1rem;
	height:3.25rem; 
	line-height:3.25rem; 
	margin: 0px 1rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.foot_nav0001 a:hover{ color:var(--OneColor);}

.foot_xia0001{ 
	width:100%; 
	height:auto; 
	margin-top:2.875rem;
	display: flex;
	justify-content: space-between;
	
}
.foot_zuo0001{ 
	width:65%;
	z-index: 100;
}

.foot_one0001{ width:100%; height:2.875rem; display: flex; justify-content: space-between;}

.foot_text0001{  width:32%; height:2.875rem; background:rgba(255,255,255,0.05); border:none; padding-left:15px; font-family:"微软雅黑";
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	color:#fff; font-size: 1rem;}
.foot_text0001::-webkit-input-placeholder { color:var(--FontWhiColor); opacity:0.2;}
.foot_text0001:focus { -moz-box-shadow:inset 0px 0px 13px rgba(255,255,255,0.2); -webkit-box-shadow:inset 0px 0px 13px rgba(255,255,255,0.2); box-shadow:inset 0px 0px 13px rgba(255,255,255,0.2); opacity: 1;}


.foot_two0001{ width:100%; height:2.875rem; margin:auto; margin-top:0.625rem;}
.foot_textarea0001{ width:100%; height:2.875rem; line-height:2.875rem; background:rgba(255,255,255,0.05); padding-left:15px; border:none; font-family:"微软雅黑";-webkit-transition: all 0.4s ease-in-out; color:var(--FontWhiColor);font-size: 1rem;}
.foot_textarea0001::-webkit-input-placeholder { color:var(--FontWhiColor); opacity:0.2;}
.foot_textarea0001:focus {  -moz-box-shadow:inset 0px 0px 13px rgba(255,255,255,0.2); -webkit-box-shadow:inset 0px 0px 13px rgba(255,255,255,0.2); box-shadow:inset 0px 0px 13px rgba(255,255,255,0.2); opacity:1;}

.foot_three0001{ width:100%; height:2.875rem; margin:auto; margin-top:1rem;}
.foot_three0001 a{ display: block;width:7.875rem; height:100%; line-height: 2.875rem; text-align: center;background:var(--OneColor); border:none; font-size:1rem; color:var(--FontWhiColor); cursor:pointer;
-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.foot_three0001 a:hover{ background:var(--FontWhiColor); color:var(--OneColor);}



.foot_you0001{  
	width:15.9%; 
	height:auto;
	z-index: 100;
}
.foot_er0001{ 
	width:100%; 
	height:auto; 
	overflow:hidden;
}
.foot_er0001 img{ width:100%; height:auto; overflow:hidden; }

.foot_ma0001{ width:100%; text-align:center;  color:var(--FontWhiColor);  line-height:3.125rem;}


.foot_link0001{ 
	width:100%; 
	height: auto; 
	font-size:0.875rem; 
	color:rgba(255,255,255,0.2);
	padding-bottom: 2vh; 
	line-height: 1.5rem;
	z-index: 100;
}
.foot_link0001 a{color:var(--FontWhiColor); opacity:0.2;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-right:15px; cursor:pointer;}
.foot_link0001 a:hover{ opacity:1}



.typeright_warp0001{ width:100%; height:5rem; background-color:#0f0f0f;}
.typeright0001{
	width:73vw;
	width:var(--mainwidth);
	height: auto;
	margin:0 auto;
	position: relative;
}


.typeright_right0001{ 
	width: 100%;
	text-align: center;
	height:5rem; 
	line-height:5rem; 
	font-size:0.875rem; 
	color:rgba(255,255,255,0.2);
	z-index: 100;
}
.typeright_right0001 a{color: var(--FontWhiColor); opacity:0.2;}



@media screen and (max-width:1023px)and (min-width:300px){
	.footer0001{
		padding-top: 5vh;
	}
.foot0001{
	width:96vw;
}

.foot_top0001{ 
	width:100%; 
	height: auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-bottom: 1vh;
}

.foot_logoR0001{ width:100%; height:2.5rem; text-align: center;}

.foot_con0001{ 
	display: none;
}
.foot_wei0001{ 
	display: none;
}



.foot_right0001{  width:100%; margin-top: 3vh;}
.foot_nav0001{ 
	height: auto;
	padding: 10px 5%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.foot_nav0001 a{ 
	width: 25%;
	height:24px; 
	line-height:24px; 
}

.foot_xia0001{ 
	width:100%; 
	height:auto; 
	margin-top:3vh;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-bottom: 3vh;
}
.foot_zuo0001{ width:100%;}
.foot_three0001 a{ margin: 0 auto; }

.foot_you0001,.foot_link0001{ display: none;}


.typeright_warp0001{ 
	height: auto;
	padding: 2vh 0;
	}
.typeright0001{
	width:96vw;
}

.typeright_right0001{ height: auto; line-height:1.5rem; text-align: center; margin-top: 0.5rem;}

}